<template>
    <n-config-provider
    :locale="zhCN"
    :date-locale="dateZhCN"
    :theme="darkTheme"
    style="height: 100%; background-color: #18181c;"
    >
        <n-result status="404" title="404 资源不存在" description="生活总归带点荒谬">
        <template #footer>
            <n-button @click="handleClick">找点乐子吧</n-button>
        </template>
        </n-result>
    </n-config-provider>    
</template>

<script setup lang="ts">
import { darkTheme, dateZhCN, zhCN } from 'naive-ui';
import router from "../../router/index";
const handleClick = () => {
    router.push('/')
}

</script>

<style lang="less" scoped>
.n-result {
    top: 50%;
    position: relative;
    transform: translateY(-70%);
}
</style>